<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>零点管理系统首页</title>
    <meta name="keywords" content="零点管理系统首页">
    <meta name="description" content="零点管理系统首页">
    <link rel="shortcut icon" href="/static/favicon.ico" th:href="@{/favicon.ico}">
    <link rel="icon" href="../static/favicon.ico" th:href="@{favicon.ico}">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link href="../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}" rel="stylesheet"/>
    <link href="../static/css/index.css" th:href="@{/css/index.css}" rel="stylesheet"/>
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header">
        <div class="layui-main">
            <div class="logo">layui 后台</div>
            <!-- 显示/隐藏菜单 -->
            <a href="javascript:;" class="seraph hideMenu icon-caidan"><i class="layui-icon layui-icon-shrink-right"></i></a>
            <!-- 顶级菜单 -->
            <ul class="layui-nav mobileTopLevelMenus" mobile>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="seraph icon-caidan"></i><cite>layui后台</cite></a>
                    <dl class="layui-nav-child">
                        <dd th:each="mode : ${modes}" th:attr="data-menu=${mode.menuId}"><a href="javascript:;"><i class="layui-icon" th:utext="${mode.icon}"></i><cite th:text="${mode.menuName}">顶级模块</cite></a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav topLevelMenus" pc>
                <li th:each="mode : ${modes}" th:attr="data-menu=${mode.menuId}" class="layui-nav-item" pc>
                    <a href="javascript:;">
                        <i class="layui-icon" th:utext="${mode.icon}"></i>
                        <cite th:text="${mode.menuName}">顶级模块</cite>
                    </a>
                </li>
            </ul>

            <!-- 头部右侧-->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="">控制台<span class="layui-badge">9</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img th:src="(${user.avatar} == '') ? @{/images/profile.jpg} : @{/profile/avatar/} + ${user.avatar}" class="layui-nav-img"
                             alt="头像">
                        <span th:text="${user.userName}"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a th:href="@{/system/user/profile}">基本资料</a></dd>
                        <dd><a href="">安全设置</a></dd>
                        <dd><a th:href="@{logout}">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 左侧导航 -->
    <div class="layui-side layui-bg-black">
        <div class="navBar layui-side-scroll" id="navBar">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;" data-url="page/main.html"><i class="layui-icon layui-icon-home"></i><cite>首页</cite></a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 右侧内容主体区域 -->
    <div class="layui-body layui-form">
        <div class="layui-tab" lay-filter="bodyTab" id="top_tabs_box">
            <ul class="layui-tab-title top_tab" id="top_tabs">
                <li class="layui-this" lay-id=""><i class="layui-icon layui-icon-home"></i> <cite>首页</cite></li>
            </ul>
            <ul class="layui-nav closeBox">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon caozuo">&#xe643;</i> 页面操作</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="refresh refreshThis"> <i class="layui-icon"></i> 刷新当前</a></dd>
                        <dd><a href="javascript:;" class="closePageOther"><i class="layui-icon"></i> 关闭其他</a></dd>
                        <dd><a href="javascript:;" class="closePageAll"><i class="layui-icon"></i> 关闭全部</a></dd>
                    </dl>
                </li>
            </ul>
            <div class="layui-tab-content clildFrame">
                <div class="layui-tab-item layui-show">
                    <iframe th:src="@{/system/main}"></iframe>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部footer   -->
    <div th:replace="include :: copyright(${copyrightYear})"></div>
    <!-- 移动导航 -->
    <div class="site-tree-mobile"><i class="layui-icon">&#xe602;</i></div>
    <div class="site-mobile-shade"></div>
</div>
<!-- 全局js -->
<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/index.js}"></script>
</body>
</html>